﻿@section Scripts{
    <script src="~/static/js/jquery.md5.js"></script>
    <script type="text/javascript">
        $(function () {
            $('#loginTabs .nav-tabs').find('a').on('show.bs.tab', function (e) {
                $('#message').html('');
            });
        });
    </script>
}
<div class="jumbotron" style="min-height:500px;">
    <div class="container">
        <div class="row">
            <div class="col-md-7">
                <h1>SnsLite - 公司社交平台</h1>
            </div>
            <div class="col-md-5">
                <div id="loginTabs">
                    <ul class="nav nav-tabs nav-justified">
                        <li class="active"><a href="#login" data-toggle="tab">登录</a></li>
                        <li><a href="#register" data-toggle="tab">注册</a></li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane active" id="login">
                            @Html.Partial("_Login")
                        </div>
                        <div class="tab-pane" id="register">
                            @Html.Partial("_Register")
                        </div>
                    </div>
                    <div id="message" style="text-align:center;"></div>
                </div>
            </div>
        </div>
    </div>
</div>